﻿<%@ Page Title="" Language="C#" MasterPageFile="~/controlasistencia/Plantilla.Master" AutoEventWireup="true" CodeBehind="justificacionEnMasa.aspx.cs" Inherits="Presentacion.controlasistencia.justificacionEnMasa" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link rel="stylesheet" type="text/css" href="css/l" />
    <link rel="stylesheet" type="text/css" href="css/loaders.css" />
    <script src="js/validaciones.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="contenido" runat="server">
       <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true"></asp:ScriptManager>
        <div class="row">
            <div class="col-lg-12">
                <div class="page-title">
                    <h2>MÓDULO ADMINISTRADOR
                        <small>
                            <asp:Label ID="lblCarrera" runat="server" Text="">JUSTIFICACIÓN</asp:Label></small>
                    </h2>
                    <ol class="breadcrumb">
                        <li><i class="fa"></i><a href="index.aspx" class="tamano-breadcrumbs">Inicio</a>
                        </li>
                        <li class="active tamano-breadcrumbs">Justificación</li>
                    </ol>
                </div>
            </div>
        </div>
        <%--<%--<div class="row">
            <div class="col-lg-12">
                <div class="portlet portlet-default">
                    <div class="portlet-heading">
                        <div class="portlet-title">
                            <h4>JUSTIFICACIÓN POR SEMESTRE</h4>
                        </div>
                        <div class="portlet-widgets">
                            <span class="divider"></span>
                            <a data-toggle="collapse" data-parent="#accordion" href="#defaultPortlet"><i class="fa fa-chevron-down"></i></a>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div id="defaultPortlet" class="panel-collapse collapse">
                        <div class="portlet-body">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="col-lg-3">
                                        <h4>SEMESTRE</h4>
                                        <select id="NumSemestre" class="form-control">
                                            <option value="1" selected>PRIMER</option>
                                            <option value="2">SEGUNDO</option>
                                            <option value="3">TERCER</option>
                                            <option value="4">CUARTO</option>
                                            <option value="5">QUINTO</option>
                                            <option value="6">SEXTO</option>
                                            <option value="7">SÉPTIMO</option>
                                            <option value="8">OCTAVO</option>
                                            <option value="9">NOVENO</option>
                                            <option value="10">DÉCIMO</option>
                                        </select>
                                    </div>
                                        <div class="col-lg-2">
                                             <h4>PARALELO</h4>
                                    <asp:DropDownList ID="cbxParalelo" runat="server" ClientIDMode="Static" CssClass="form-control" onchange="actualizarMaterias();">
                                        <asp:ListItem Selected="True">Seleccione un paralelo</asp:ListItem>
                                        <asp:ListItem>A</asp:ListItem>
                                        <asp:ListItem>B</asp:ListItem>
                                        <asp:ListItem>C</asp:ListItem>
                                        <asp:ListItem>D</asp:ListItem>
                                    </asp:DropDownList>
                                </div>
                                    <div class="col-lg-2">
                                        <h4>DESDE</h4>
                                        <input type="date" name="name" value="" id="txtFechaDesde" class="form-control" />
                                    </div>
                                    <div class="col-lg-2">
                                        <h4>HASTA</h4>
                                        <input type="date" name="name" value="" id="txtFechaHasta" class="form-control" />
                                    </div>
                                    <div class="col-lg-3">
                                        <h4>&nbsp;</h4>
                                        <%--<asp:Button Text="Asistencia!" runat="server" ID="btnAsiSemestre" CssClass="btn btn-green btn-block" OnClick="btnAsiSemestre_Click"/>--%>
                                        <%--<button type="button" class="btn btn-green btn-block" onclick="metodo();">ASISTENCIA!</button>
                                    </div>
                                </div>
                            </div>
                            <p>&nbsp;</p>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="col-lg-1">
                                    </div>
                                    <div class="col-lg-4">
                                        <h4>ESPECIFICAR EVENTO</h4>
                                        <textarea maxlength="250" id="observacionSemestre" placeholder="Máximo de caracteres 250." class="form-control" style="height: 100px; resize: none"></textarea>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="portlet portlet-default">
                                            <div class="portlet-heading">
                                                <div class="portlet-title">
                                                    <h4>MATERIAS AFECTADAS CON ASISTENCIAS</h4>
                                                </div>
                                                <div class="clearfix"></div>
                                            </div>
                                            <div class="portlet-body" style="right: inherit">
                                                <div id="Div2" class="table-responsive" runat="server">
                                                    <table class="table table-condensed">
                                                        <thead>
                                                            <tr>
                                                                <th>#</th>
                                                                <th>Nombre Distribución</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody id="materiasSemestre">
                                                        </tbody>
                                                    </table>
                                                    <div align="right" id="buton1" style="display: none;">
                                                        <asp:Button Text='Confirmar!' runat='server' ID='Button1' class='btn btn-green' data-toggle='confirmation' OnClick='btnConSemestre_Click' />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-1">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>--%>
        <%--<div class="row">
            <div class="col-lg-12">
                <div class="portlet portlet-default">
                    <div class="portlet-heading">
                        <div class="portlet-title">
                            <h4>JUSTIFICACIÓN POR CARRERA</h4>
                        </div>
                        <div class="portlet-widgets">
                            <span class="divider"></span>
                            <a data-toggle="collapse" data-parent="#accordion" href="#Div1"><i class="fa fa-chevron-down"></i></a>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div id="Div1" class="panel-collapse collapse">
                        <div class="portlet-body">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="col-lg-3">
                                        <h4>CARRERA</h4>
<%--                                        <% var session = Session["NombreCarrera"].ToString();%>--%>
                                        <%--<input id="Text1" type="text" name="name" value="<%--<%Response.Write(session);%>--%><%--" class="form-control" disabled />--%>
                                    <%--</div>
                                    <div class="col-lg-3">
                                        <h4>DESDE</h4>
                                        <input type="date" name="name" value="" id="txtFecDesCarrera" class="form-control" />
                                    </div>
                                    <div class="col-lg-3">
                                        <h4>HASTA</h4>
                                        <input type="date" name="name" value="" id="txtFecHasCarrera" class="form-control" />
                                    </div>
                                    <div class="col-lg-3">
                                        <h4>&nbsp</h4>--%>
                                        <%--<asp:Button Text="Asistencia!" runat="server" ID="btnAsiCarrera" class="btn btn-green btn-block" OnClick="btnAsiCarrera_Click"/>--%>
                                        <%--<button type="button" class="btn btn-green btn-block " data-style="zoom-in" onclick="metodo2();">Asistencia!</button>
                                    </div>
                                </div>
                            </div>--%>
                            <%--<p>&nbsp</p>
                            <div id="wrapper" style="background-color: white;">
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="col-lg-3">
                                            <h4>ESPECIFICAR EVENTO</h4>
                                            <textarea maxlength="250" id="observacionCarrera" placeholder="Máximo de caracteres 250." class="form-control" style="height: 100px; resize: none"></textarea>
                                        </div>
                                        <div class="col-lg-9">
                                            <div class="portlet portlet-default">
                                                <div class="portlet-heading">
                                                    <div class="portlet-title">
                                                        <h4>MATERIAS AFECTADAS CON ASISTENCIAS</h4>
                                                    </div>
                                                    <div class="clearfix"></div>
                                                </div>
                                                <div class="portlet-body">
                                                    <div class="row">
                                                        <div class="table-responsive col-lg-12">
                                                            <table id="example-table" class="table table-striped table-bordered table-hover table-green">
                                                                <thead>
                                                                    <tr>
                                                                        <th>#</th>
                                                                        <th>Semestre</th>
                                                                        <th>Nombre Distribución</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody id="materiasCarrera">
                                                                </tbody>
                                                            </table>
                                                            <div align="right" id="buton2" style="display: none">
                                                                <asp:Button Text='Confirmar!' runat='server' ID='btnConCarrera' class='btn btn-green' data-toggle='confirmation2' OnClick='btnConCarrera_Click' />
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>--%>
        <div class="row">   
            <div class="col-lg-12">   
                <div class="portlet portlet-default">   
                    <div class="portlet-heading">   
                        <div class="portlet-title">   
                            <h4>ASISTENCIA A TODA LA UNIVERSIDAD</h4>
                        </div>
                        <div class="portlet-widgets">
                            <span class="divider"></span>
                            <a data-toggle="collapse" data-parent="#accordion" href="#Div3"><i class="fa fa-chevron-down"></i></a>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div id="Div3" class="panel-collapse in">
                    <div class="portlet-body">   
                        <div class="row">   
                            <div class="col-lg-12">   
                                <div class="col-lg-1">   

                                </div>
                                <div class="col-lg-6">   
                                    <asp:Button ID="btnAsistenciaUniversidad" runat="server" Text="Auto Generar Asistensias" CssClass="btn btn-green btn-block" OnClick="btnAsistenciaUniversidad_Click" data-toggle='confirmation3' />
                                </div>
                                <div class="col-lg-2">
                                    <asp:CheckBox ID="CheckBox1" runat="server"  CssClass="form-control" BorderColor="green"  BorderStyle="Solid" Text="Es feriado?" ClientIDMode="Static"/>
                                </div>
                                <div class="col-lg-2">
                                    <asp:DropDownList ID="ddlTipo" runat="server" CssClass="form-control" ClientIDMode="Static">
                                        <asp:ListItem Text="Sistema" Value="211049" Selected="True" />
                                        <asp:ListItem Text="Extraordinaria" Value="235736"  />
                                    </asp:DropDownList>
                                </div>
                                <div class="col-lg-1">   

                                </div>
                            </div>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
        </div>
        

        <div class="modal fade" id="loading" tabindex="-1" role="dialog" aria-labelledby="flexModalLabel" aria-hidden="true">
            <div style="height: 50%;"></div>
            <div class="col-lg-12">
                <div class="col-lg-5">
                </div>
                <div class="col-lg-2" style="left: 5%;">
                    <div class="loader" style="width: inherit; height: inherit;">
                        <div class="loader-inner ball-spin-fade-loader">
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5">
                </div>
            </div>
        </div>

        <script>
            $('[data-toggle="confirmation"]').confirmation({
                placement: 'top', // How to position the confirmation - top | bottom | left | right
                trigger: 'click', // How confirmation is triggered - click | hover | focus | manual
                title: 'Esta seguro?', // Default title value if `data-title` attribute isn't present  
                template: '<div class="popover" >' +
                    '<div class="arrow"></div>' +
                    '<h3 class="popover-title"></h3>' +
                    '<div class="popover-content text-center">' +
                    '<div id="botones" class="btn-group">' +
                    '<button type="button" class="btn btn-xs btn-success" onclick="asistenciaSemestre();"><i class="fa fa-check-circle icon-white"></i>Si!</button>' +
                    '<a class="btn btn-xs" data-dismiss="confirmation"></a>' +
                    '</div>' +
                    '</div>'
           , btnOkClass: 'btn-primary'
           , btnOkIcon: 'fa fa-check-circle'
           , btnCancelClass: 'btn-danger'
           , btnOkLabel: 'Si'
           , btnCancelIcon: 'fa fa-times-circle'
           , btnCancelLabel: 'No',
                singleton: true, // Set true to allow only one confirmation to show at a time.
                popout: false, // Set true to hide the confirmation when user clicks outside of it.
                onConfirm: function () {
                }, // Set event when click at confirm button
                onCancel: function () { }
            }) // Set event when click at cancel button

            $('[data-toggle="confirmation2"]').confirmation({
                placement: 'top', // How to position the confirmation - top | bottom | left | right
                trigger: 'click', // How confirmation is triggered - click | hover | focus | manual
                title: 'Esta seguro?', // Default title value if `data-title` attribute isn't present  
                template: '<div class="popover" >' +
                    '<div class="arrow"></div>' +
                    '<h3 class="popover-title"></h3>' +
                    '<div class="popover-content text-center">' +
                    '<div id="botones" class="btn-group">' +
                    '<button type="button" class="btn btn-xs btn-success" onclick="asistenciaCarrera();"><i class="fa fa-check-circle icon-white"></i>Si!</button>' +
                    '<a class="btn btn-xs" data-dismiss="confirmation"></a>' +
                    '</div>' +
                    '</div>'
           , btnOkClass: 'btn-primary'
           , btnOkIcon: 'fa fa-check-circle'
           , btnCancelClass: 'btn-danger'
           , btnOkLabel: 'Si'
           , btnCancelIcon: 'fa fa-times-circle'
           , btnCancelLabel: 'No',
                singleton: true, // Set true to allow only one confirmation to show at a time.
                popout: false, // Set true to hide the confirmation when user clicks outside of it.
                onConfirm: function () {
                }, // Set event when click at confirm button
                onCancel: function () { }
            }) // Set event when click at cancel button
            $('[data-toggle="confirmation3"]').confirmation({
                placement: 'top', // How to position the confirmation - top | bottom | left | right
                trigger: 'click', // How confirmation is triggered - click | hover | focus | manual
                title: 'Esta seguro?', // Default title value if `data-title` attribute isn't present  
                template: '<div class="popover" >' +
                    '<div class="arrow"></div>' +
                    '<h3 class="popover-title"></h3>' +
                    '<div class="popover-content text-center">' +
                    '<div id="botones" class="btn-group">' +
                    '<button type="button" class="btn btn-xs btn-success" onclick="asistenciaUniversidad();"><i class="fa fa-check-circle icon-white"></i>Si!</button>' +
                    '<a class="btn btn-xs" data-dismiss="confirmation"></a>' +
                    '</div>' +
                    '</div>'
           , btnOkClass: 'btn-primary'
           , btnOkIcon: 'fa fa-check-circle'
           , btnCancelClass: 'btn-danger'
           , btnOkLabel: 'Si'
           , btnCancelIcon: 'fa fa-times-circle'
           , btnCancelLabel: 'No',
                singleton: true, // Set true to allow only one confirmation to show at a time.
                popout: false, // Set true to hide the confirmation when user clicks outside of it.
                onConfirm: function () {
                }, // Set event when click at confirm button
                onCancel: function () { }
            }) // Set event when click at cancel button
        </script>
    </form>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="script" runat="server">
    <script type="text/javascript">
        ////////////////////////////////////
        //     JUSTIFICACION POR SEMESTRE
        ////////////////////////////////////
        //metodo para obtener la distribucion por semestre
        function metodo() {
            var semestre = 0;
            var semestre = document.getElementById('NumSemestre').value;
            var desde = document.getElementById('txtFechaDesde').value;
            var observacion = document.getElementById('observacionSemestre').value;
            var paralelo = document.getElementById('cbxParalelo').value;

            var hasta = $("#txtFechaHasta").val();
            PageMethods.distribucionPorSemestre(semestre, desde, hasta, observacion, paralelo, dibujarTabla);
        }
        //agregar el html recibido SEMESTRE
        function dibujarTabla(html) {
            if (html.length > 100) {
                var tabla = document.getElementById("materiasSemestre").innerHTML = html;
                $('#buton1').show();
                sucessMessage("Distribuciones Afectadas");
            }
            else {
                var tabla = document.getElementById("materiasSemestre").innerHTML = html;
                //var boton = document.getElementById("buton1").innerHTML = split[1];
                errorMessage("Error: Puede que no este ingresando todos los datos requeridos o este ingresando una fecha anterior a la fecha actual: " +
                    "La fecha 'Desde' no puede ser mayor a la fecha 'Hasta'");
                //                updateMessage("La fecha 'Desde' no puede ser mayor a la fecha 'Hasta'");
            }
        }
        //ingresa la asistecias del semestre
        function asistenciaSemestre() {
            $('#loading').modal('show');
            var semestre = 0;
            semestre = document.getElementById('NumSemestre').value;
            var desde = document.getElementById('txtFechaDesde').value;
            var hasta = document.getElementById('txtFechaHasta').value;
            var observacion = document.getElementById('observacionSemestre').value;
            var paralelo = document.getElementById('cbxParalelo').value;

            PageMethods.ingresarAsistenciaSemestre(semestre, desde, hasta, observacion, paralelo, tratamiento);
        }
        function tratamiento(mensaje) {
            $('#loading').modal('hide');
            if (mensaje == "Asistencias ingresadas correctamente.")
            {
                sucessMessage(mensaje);
            }
            else if (mensaje == "Problemas al ingresar las asistencias.") {
                errorMessage(mensaje);
            }
            else if (mensaje == "Para este dia esta previsto la realizacion de un evento.") {
                errorMessage(mensaje);
            }
            else if (mensaje == "Ingresar las fechas de manera correcta.") {
                errorMessage(mensaje);
            }
            else if (mensaje == "Problemas al ingresar las asistencias.") {
                errorMessage(mensaje);
            }
        }
        /////////////////////////////////////
        //     JUSTIFICACION POR CARRERA  //
        ///////////////////////////////////
        //metodo para obtener la distribucion por carrera
        function metodo2() {
            var desde = document.getElementById('txtFecDesCarrera').value;
            var hasta = document.getElementById('txtFecHasCarrera').value;
            var observacion = document.getElementById('observacionCarrera').value;
            PageMethods.distribucionPorCarrera(desde, hasta, observacion, dibujarTabla2);
        }
        //agregar el html recibido CARRERA
        function dibujarTabla2(html) {
            if (html.length > 100) {
                var tabla = document.getElementById("materiasCarrera").innerHTML = html;
                $('#buton2').show();
                $('#example-table').dataTable();
                sucessMessage("Distribuciones Afectadas");
            }
            else {
                var tabla = document.getElementById("materiasCarrera").innerHTML = html;
                errorMessage("Error: Puede que no este ingresando todos los datos requeridos o este ingresando una fecha anterior a la fecha actual: " +
                    "La fecha 'Desde' no puede ser mayor a la fecha 'Hasta'");
            }
        }
        //ingresa la asistecias de la carrera
        function asistenciaCarrera() {
            $('#loading').modal('show');
            var desde = document.getElementById('txtFecDesCarrera').value;
            var hasta = $('#txtFecHasCarrera').val();
            var observacion = document.getElementById('observacionCarrera').value;


            PageMethods.ingresarAsistenciaCarrera(0,desde, hasta, observacion, tratamiento2);

        }
        function tratamiento2(mensaje) {
            $('#loading').modal('hide');
            if (mensaje == "Asistencias ingresadas correctamente.") {
                sucessMessage(mensaje);
            }
            else if (mensaje == "Problemas al ingresar las asistencias.") {
                errorMessage(mensaje);
            }
            else if (mensaje == "Para este dia esta previsto la realizacion de un evento.") {
                errorMessage(mensaje);
            }
            else if (mensaje == "Ingresar las fechas de manera correcta.") {
                errorMessage(mensaje);
            }
            else if (mensaje == "Problemas al ingresar las asistencias.") {
                errorMessage(mensaje);
            }
        }
        /////////////////////////////////////
        //     JUSTIFICACION UNIVERSIDAD  //
        ///////////////////////////////////
        function asistenciaUniversidad() {
            var check = "";
            if ($('#CheckBox1').is(':checked')) {
                 check = "SI";
            }
            else {
                 check = "NO";
            }
            var tipo = $('#ddlTipo').val();
            $('#loading').modal('show');
            //var cero=0;
            PageMethods.AsistenciaUniversidad(check, tipo,tratamiento3);
        }
        function tratamiento3(mensaje) {
            if (mensaje == "OK") {
                $('#loading').modal('hide');
                sucessMessage("Asistencias generadas correctamente.");
                alert("Asistencias generadas correctamente.");
            }
            else {
                $('#loading').modal('hide');
                errorMessage("Error al ingresar las asistencias.");
                alert("Error al ingresar las asistencias.");
            }
        }
        
    </script>

</asp:Content>
